html {
	background: url(/img/bg.gif) repeat #edece9
}

body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
textarea,
p,
blockquote,
th,
td {
	margin: 0;
	padding: 0
}
body {
	background-color: #EBE8E8;
	font-family: "helvetica neue", arial, sans-serif;
	font-size: 14px;
	color: #444;
	overflow-x: hidden;
}
table {
	border-collapse: collapse;
	border-spacing: 0
}

fieldset,
img {
	border: 0
}

address,
caption,
cite,
code,
dfn,
em,
strong,
th,
var {
	font-style: normal;
	font-weight: 400
}

li {
	list-style: none
}

caption,
th {
	text-align: left
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-size: 100%;
	font-weight: 400
}
a {
    color: #222;
	text-decoration: none;
	outline: none;
}
input,textarea,select {
	font-family: inherit;
	font-size: inherit;
	font-weight: inherit;
	resize: none;
	outline: 0
}

#top_promotion {
	background: url(http://huaban.com/img/notification_bg.gif) left top repeat;
	box-shadow: inset 0 -1px 5px rgba(34, 29, 29, .8);
	text-align: center;
	position: relative;
	z-index: 10
}

#top_promotion a.inner {
	margin: 0 auto;
	background: center center no-repeat
}

#top_promotion .close {
	position: absolute;
	display: block;
	width: 30px;
	height: 30px;
	top: 0px;
	right: 0;
	background: url(http://huaban.com/img/notification_close.png) left top no-repeat;
	z-index: 99996;
	cursor: pointer
}

#top_promotion .close:hover {
	background-position: 0 -30px
}

#top_promotion .close:active {
	background-position: 0 -60px
}
#header {
	position: fixed;
	top: 0px;
	left: 0px;
	right: 0px;
	height: 48px;
	z-index: 99997;
	background: #fff;
	box-shadow: 0 0 4px rgba(0, 0, 0, .2)
}
.wrapper {
	position: relative;
	margin: 0 auto;
	border: 0
}
.menu-bar {
	height: 48px;
	text-align: center
}

.menu-bar .left-part {
	float: left;
	margin-top: 10px
}
.menu-bar .right-part {
	float: right;
	margin-left: 20px
}
.menu-bar .searching-unit {
	float: none;
	margin-right: 20px;
	padding-right: 20px;
	padding-top: 8px;
	overflow: hidden
}
.searching-unit input {
	width: 100%;
	height: 32px;
	padding: 0 6px 0 12px;
	font-size: 14px;
	color: #bbb;
	background: #fafafa;
	border: 1px solid #ddd;
	border-radius: 2px
}
.searching-unit input:focus {
	background: #fff;
	border-color: #bbb;
	color: #777
}
.searching-unit .go {
	display: block;
	width: 32px;
	height: 32px;
	background: url(http://huaban.com/img/menu_sprite.svg?20150302) 5px -93px no-repeat;
	position: absolute;
	right: 105px;
	top: 1px;
	cursor: pointer
}
.no-svg .searching-unit .go {
	background-image: url(/img/menu_sprite.png?20150302)
}
.searching-unit .go:hover {
	background-position: -45px -93px
}

.menu-bar .go-mobile {
	margin-right: 10px;
	height: 32px;
	line-height: 32px
}

#huaban {
	float: left;
	margin-right: 20px;
	width: 80px;
	height: 28px;
	background: url(http://huaban.com/img/logo.svg) 0 0 no-repeat
}
.header-item {
	position: relative;
	float: left;
	line-height: 28px;
	color: #444;
	margin-right: 25px;
	cursor: pointer
}

.header-item:hover {
	color: #c90000;
	text-decoration: none
}
.header-item.meisi {
	margin-right: 20px
}
.menu-bar .go-mobile {
	margin-right: 10px;
	height: 32px;
	line-height: 32px
}

.menu-bar .message-nav {
	position: relative;
	float: left;
	border-left: 1px solid #f5f5f5;
	border-right: 1px solid #f5f5f5;
	height: 48px;
	width: 46px;
	margin-left: -10px;
	cursor: pointer
}
.menu-bar .message-nav .nav-icon {
	background-position: 15px -185px
}

.menu-bar .message-nav .nav-link:hover .nav-icon {
	background-position: -35px -185px
}
#nav_user {
	float: left;
	border-right: 1px solid #f5f5f5;
	width: 46px;
	cursor: pointer
}

.menu-bar .nav-link {
	display: block;
	height: 48px;
	line-height: 48px;
	position: relative;
	text-align: center
}
.menu-bar .add-nav .nav-link:hover .nav-icon {
	background-position: -50px -150px
}
.menu-bar .nav-icon {
	width: 46px;
	height: 48px;
	background: url(http://huaban.com/img/menu_sprite.svg?20150302) 0 0 no-repeat
}
#message_popup {
	width: 391px;
	position: absolute;
	right: -48px;
	top: 59px;
	cursor: default;
	background: #fff;
	box-shadow: 0 0 0 1px rgba(0, 0, 0, .05), 0 1px 3px rgba(0, 0, 0, .2);
	font-size: 14px
}

#message_popup .bar {
	height: 38px;
	line-height: 38px;
	border-bottom: 1px solid #ededed
}
#message_popup .barTitle {
	float: left;
	width: 195px;
	color: #444;
	background-color: #fafafa;
	cursor: pointer
}

#message_popup .barTitle.active {
	background-color: #fff
}

#message_popup .barTitle:hover,
#message_popup .barTitle.active:hover {
	color: #c90000
}

#message_popup .barTitle span {
	margin-left: 8px;
	padding: 0 5px;
	color: #fff;
	border-radius: 8px;
	background-color: #9E7E6B
}
#nav_user .avt {
	margin: 0 auto;
	line-height: 48px;
	vertical-align: middle;
	text-align: center
}
#nav_user .menu {
	top: 48px;
	right: -1px;
	background-color: #fff;
	position: absolute;
	background: #fff;
	width: 180px;
	text-align: left;
	box-shadow: 0 1px 4px rgba(0, 0, 0, .2);
	overflow: hidden;
	font-size: 14px;
	color: #221919;
	display: none;
	line-height: 1;
	z-index: 20;
}

#nav_user .menu::before {
	content: "";
	display: block;
	box-shadow: 0 0 4px rgba(0, 0, 0, .15);
	border-bottom: 1px solid #E0DEDE;
	margin: 0 -10px 0
}

#nav_user .group {
	display: block;
	position: relative;
	border-bottom: 1px solid #E1DFDF
}

#nav_user .group:last-child {
	border-bottom: 0
}

#nav_user .menu a {
	display: block;
	padding-left: 38px;
	height: 38px;
	line-height: 38px;
	text-align: left;
	font-weight: 400;
	position: relative;
	color: #222
}

#nav_user .menu a:hover {
	color: #221919;
	text-decoration: none;
	background-color: #F2F2F2
}

#nav_user .menu .shops {
	position: relative
}

#nav_user .menu .shops .sub-link {
	position: absolute;
	right: 20px;
	bottom: 7px;
	padding: 5px;
	background: 0
}

#nav_user .menu .shops .sub-link:hover {
	text-decoration: underline
}

#nav_user .group:last-child a:last-child {
	margin-bottom: 10px
}

#nav_user .group:first-child a:first-child {
	margin-top: 10px
}

#nav_user .group:first-child a:first-child i {
	top: 12px
}

#nav_user .group a i {
	display: block;
	position: absolute;
	left: 15px;
	top: 13px;
	width: 16px;
	height: 16px;
	background: url(/img/icon_user_menu.svg?20150302) 0 0 no-repeat
}
.menu-bar .dm-nav .nav-icon {
	background-position: -1px -1196px
}

.menu-bar .dm-nav .nav-link:hover .nav-icon {
	background-position: -51px -1196px
}
#header_side_menu .nav .nav-link {
	display: block;
	height: 46px
}
#header_side_menu .nav .arrow {
	background: url(http://huaban.com/img/menu_sprite.svg?20150302) 0 -50px no-repeat;
	width: 8px;
	height: 8px;
	position: absolute;
	right: 0;
	bottom: 0
}
.menu-bar .num {
	padding: 0 3px;
	line-height: 14px;
	position: absolute;
	border-radius: 3px;
	background: #c60000;
	color: #fff;
	top: 6px;
	right: 6px;
	font-size: 10px
}
#nav_user .menu {
	top: 48px;
	right: -1px;
	background-color: #fff;
	position: absolute;
	background: #fff;
	width: 180px;
	text-align: left;
	box-shadow: 0 1px 4px rgba(0, 0, 0, .2);
	overflow: hidden;
	font-size: 14px;
	color: #221919;
	display: none;
	line-height: 1
}

#nav_user .menu::before {
	content: "";
	display: block;
	box-shadow: 0 0 4px rgba(0, 0, 0, .15);
	border-bottom: 1px solid #E0DEDE;
	margin: 0 -10px 0
}
#nav_user .group:last-child a:last-child {
	margin-bottom: 10px
}

#nav_user .group:first-child a:first-child {
	margin-top: 10px
}

#nav_user .group:first-child a:first-child i {
	top: 12px
}

#nav_user .group a i {
	display: block;
	position: absolute;
	left: 15px;
	top: 13px;
	width: 16px;
	height: 16px;
	background: url(/img/icon_user_menu.svg?20150302) 0 0 no-repeat
}
.menu-bar .in-line {
	top: 12px;
	background: #977663;
	right: inherit;
	margin-left: 33px
}
#search_form.searching-unit .go {
	top: 8px
}